﻿.login-form {
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    margin: auto;
    border-radius: 5px;
    width: 100%;
    padding: 15px;
}

.login_content {
    margin: 0 auto;
    position: relative;
    text-align: center;
    color: #fff;
    min-width: 280px
}

    .login_content a,
    .login_content .btn-default:hover {
        text-decoration: none;
        color: #3DADC5;
    }

        .login_content a:hover {
            text-decoration: underline;
            color: #318297;
        }

        .login_content a:active:focus {
            color: #318297;
        }

    .login-description h3 {
        font-size: 12px;
        text-align: justify;
    }

.login_content form {
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

    .login_content form input[type="text"],
    .login_content form input[type="email"],
    .login_content form input[type="password"] {
        border-radius: 3px;
        -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
        -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
        box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
        border: 1px solid #c8c8c8;
        color: #777;
        margin: 0 0 20px;
        width: 100%
    }

        .login_content form input[type="text"]:focus,
        .login_content form input[type="email"]:focus,
        .login_content form input[type="password"]:focus {
            -ms-box-shadow: 0 0 2px #ed1c24 inset;
            -o-box-shadow: 0 0 2px #ed1c24 inset;
            box-shadow: 0 0 2px #A97AAD inset;
            background-color: #fff;
            border: 1px solid #A878AF;
            outline: none
        }

    .login_content form input[type=text]:focus, .login_content form input[type=email]:focus, .login_content form input[type=password]:focus {
        outline: none;
        border-color: #00ffff !important;
        box-shadow: 0 0 10px #00ffff !important;
        color: #000;
    }

    .login_content form input[type=submit] {
        margin-left: 0 !important;
    }

.login_content .btn-primary {
    width: 100%;
    background-color: #3DADC5;
}

    .login_content .btn-primary.active.focus, .login_content .btn-primary:focus, .login_content .btn-primary:hover {
        border-color: #00ffff !important;
        box-shadow: 0 0 10px #00ffff !important;
        background-color: #318297;
    }

    .login_content .btn-primary:active:focus, .login_content .btn-primary:active:focus {
        background-color: #318297;
    }

.login_content .btn.disabled, .login_content .btn[disabled] {
    border-color: inherit !important;
    box-shadow: inherit !important;
}

.login_content .reset_pass {
    color: #fff;
    margin-right: 0 !important;
}

    .login_content .reset_pass:hover, .login_content .reset_pass:active {
        color: #00ffff;
    }

#ImgLogo {
    width: 200px;
}
